<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    *{
        margin: 0;
        padding: 0;
    }
    .bigbox{
        width: 1202px;
        height: 960px;
        /* background-color: red; */
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
    }
    .bigbox>div{
        width: 576px;
        height: 150px;
        border: 1px solid gray;
        display: flex;
    }
    .bigbox>div>div>p:nth-child(1){
        font-size: 18px;
        margin-top: 20px;
        color: #605f5f;
    }
    .bigbox>div>div>p:nth-child(2){
        font-size: 12px;
        line-height: 42px;
        color: #abadaf;
    }
    .bigbox>div>div>p:nth-child(3){
        font-size: 14px;
        color: #959595;
    }
    .bigbox>div>div{
        margin-left: 28px;
    }
    img{
        height: 150px;
    }
</style>
<body>
    <!-- 容器 -->
     <div class="bigbox">
        <div>
            <img src="../image/勇士.png">
            <div>
                <p>标题1</p>
                <p>2022-22-22</p>
                <p>正文张文正文</p>
            </div>
        </div>
        <div>
            <img src="../image/勇士.png">
            <div>
                <p>标题1</p>
                <p>2022-22-22</p>
                <p>正文张文正文</p>
            </div>
        </div>
        <div>
            <img src="../image/勇士.png">
            <div>
                <p>标题1</p>
                <p>2022-22-22</p>
                <p>正文张文正文</p>
            </div>
        </div>
        <div>
            <img src="../image/勇士.png">
            <div>
                <p>标题1</p>
                <p>2022-22-22</p>
                <p>正文张文正文</p>
            </div>
        </div>
        <div>
            <img src="../image/勇士.png">
            <div>
                <p>标题1</p>
                <p>2022-22-22</p>
                <p>正文张文正文</p>
            </div>
        </div>
        <div>
            <img src="../image/勇士.png">
            <div>
                <p>标题1</p>
                <p>2022-22-22</p>
                <p>正文张文正文</p>
            </div>
        </div>
        <div>
            <img src="../image/勇士.png">
            <div>
                <p>标题1</p>
                <p>2022-22-22</p>
                <p>正文张文正文</p>
            </div>
        </div>
        <div>
            <img src="../image/勇士.png">
            <div>
                <p>标题1</p>
                <p>2022-22-22</p>
                <p>正文张文正文</p>
            </div>
        </div>
        <!-- <div>
            <img src="../image/勇士.png">
            <div></div>
        </div>
        <div>
            <img src="../image/勇士.png">
            <div></div>
        </div> -->
     </div>
</body>
</html>